<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/login.js"></script>
    <title>Login</title>
</head>

<body>
    <div class="title">
        <h1 class="title_text">登录界面</h1>
    </div>
    <div class="main_part">
        <div class="card">
            <p style="font-family: '微软雅黑';font-size: 40px;font-weight: bold;">Welcome</p>
            <br>
            <form action="">
                <div class="login_name">
                    <span>登录名:</span>
                    <input id="usernameInput" tabindex="0" spellcheck="false" type="text" autocomplete="new-password"
                        maxlength="11" style="padding: 10px;border: 2px solid #d2d2d2;">
                </div>
                <br>
                <br>
                <span>密&nbsp;&nbsp;&nbsp;&nbsp;码:</span>
                <input id="passwordInput" tabindex="0" spellcheck="false" type="password" autocomplete="new-password"
                    maxlength="20" style="padding: 10px;border: 2px solid #d2d2d2;">
                <br>
                <br>
                <button class="login-button" type="button" onclick="login()">登录</button>
            </form>
        </div>
    </div>
</body>

</html>